<template>
	<view>
		<van-panel header-class="header-class" custom-class="custom-class" title="热门问题" status="更多">
		  <van-collapse :border="false" accordion :value="activeName" @change="onChange">
		    <van-collapse-item custom-class="custom-class2" title="购物车内预售商品无法删除" name="1">
		      最简单方法：网页bai登陆后，右上du角不是有个显zhi示购物车宝dao贝数量的提示吗？
		      你鼠标点zhuan到那里，就shu自动练出你的购物车商品了，在每个商品右侧 有个删除提示。
		      如果你双击购物车，会通过网页打开，删除也很简单的。
		      当然，你的情况，我估计可能是IE的问题.
		    </van-collapse-item>
		    <van-collapse-item custom-class="custom-class2" title="如何把误删除的商品订单加入购物车" name="2">
		      网店吸粉获客、会员分层营销、一机多种收款，告别经营低效和客户流失
		    </van-collapse-item>
		    <van-collapse-item custom-class="custom-class2" title="交易下单过程中不能付款" name="3">
		      线上拓客，随时预约，贴心顺手的开单收银
		    </van-collapse-item>
			<van-collapse-item custom-class="custom-class2" title="首选退款记录删除不了" name="4">
			  线上拓客，随时预约，贴心顺手的开单收银
			</van-collapse-item>
			<van-collapse-item custom-class="custom-class2" title="和卖家聊天,消息发bu出去" name="5">
			  线上拓客，随时预约，贴心顺手的开单收银
			</van-collapse-item>
			<van-collapse-item custom-class="custom-class2" title="红包无法使用" name="6">
			  线上拓客，随时预约，贴心顺手的开单收银
			</van-collapse-item>
			<van-collapse-item custom-class="custom-class2" title="会员无法修改" name="7">
			  线上拓客，随时预约，贴心顺手的开单收银
			</van-collapse-item>
			<van-collapse-item custom-class="custom-class2" title="无法使用微信支付" name="8">
			  线上拓客，随时预约，贴心顺手的开单收银
			</van-collapse-item>
		  </van-collapse>
		</van-panel>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				activeName: null,
			}
		},
		methods:{
			// 展开的单元
			onChange(val){
				this.activeName=val.detail
				console.log(val)
			}
		}
	}
</script>

<style>
	page{
		width: 750rpx;
		height: 100%;
		background-color: #F3F3F3;
		padding: 20rpx;
		box-sizing: border-box;
	}
	.custom-class{
		border-radius: 20rpx;
		overflow: hidden;
	}
	
	/* 更多样式 */
	.van-cell__value{
		color: #999!important;
	}
	.header-class{
		/* font-size: 32rpx!important; */
		/* padding: 30rpx 20rpx!important; */
		/* box-sizing: border-box!important; */
	}
	.custom-class2{
		border: none!important;
		padding: 10rpx 0!important;
		align-items: center;
		font-size: 24rpx!important;
	}
</style>
